<template>
  <m-page>
    <m-header>
      <!-- 信息 -->
      <div class="g-message">
        <ul>
          <li>
            <div><span>长湘贷卡</span></div>
            <div><span>6214 **** **** 5242</span></div>
          </li>
          <li>
            <div><span>应还现金</span></div>
            <div><span>2000.00元</span></div>
          </li>
          <li>
            <div><span>可提现金额</span></div>
            <div>
              <span>6000.00元</span><br />
              <b>系统默认先从融易通卡余额扣款</b>
            </div>
          </li>
        </ul>
      </div>
      <!-- 金额 -->
      <div class="g-money">
        <div class="g-money-text"><span>转账金额</span></div>
        <div class="g-money-num">
          <b>￥</b><input type="text" placeholder="需从储蓄卡账户转入8,000.00元">
        </div>
        <div class="g-money-tip">
          <span>转账金额-应还金额-可提现金额</span>
        </div>

      </div>
      <!-- 密码 -->
      <div class="g-pwd">
        <ul>
          <li>
            <div><span>长湘贷卡密码</span></div>
            <input type="password" placeholder="请输入融易通卡取款密码" />
          </li>
        </ul>
      </div>
      <!-- 按钮 -->
      <div class="g-button">
        <ynet-button type="warning" inactive>立即还款</ynet-button>
        <div class="g-tip">
            <p>
                <b>温馨提示</b><br>
                1、仅支持本人名下长沙银行借记卡用户；
                2、持卡人需提前或在长湘贷卡到期日期前足额还款，否则未归还部分将<br>
                按万分之五/天收透支利息。
            </p>
        </div>
      </div>
    </m-header>
  </m-page>
</template>

<script>
import { Field, InputItem, Button } from "ynet-mobile";
export default {
  components: {
    [Field.name]: Field,
    [InputItem.name]: InputItem,
    [Button.name]: Button
  },
  data() {
    return {
        inactive: false
    };
  },
  methods: {},
  created() {},
  mounted() {},
  watch: {},
  computed: {}
};
</script>
<style lang="scss" scoped>
@import "./index.scss";
</style>
